<ion-header>
    <ion-navbar color="orange">
        <ion-title>
            餐饮故事
        </ion-title>
        <ion-buttons end>
            <button ion-button icon-only [navPush]="'MemberPage'">
                <ion-icon name="contact"></ion-icon>
            </button>
        </ion-buttons>
    </ion-navbar>
</ion-header>
<ion-content>
    <!-- banner开始 -->
    <div class="ht-100 ht-overflow s-banner">
        <img src="assets/imgs/service-banner.png" alt="">
    </div>
    <!-- banner结束 -->
    <div class="ht-f8f8f8 ht-overflow">
        <!-- 主内容开始 -->
        <div class="ht-100 ht-overflow ht-background ht-border-bottom" padding  *ngFor="let info of infolist; let m = index;">
            <!-- 大 -->
            <div class="ht-100 ht-padding-bottom10" *ngIf="m==0">
                <span class="ht-100 ht-font-15 ht-666" (click)="goDetail(info.amoy_id)">
                  {{info.title}}
                </span>
                <div margin-top margin-bottom class="flex flex-wrap" *ngIf="info.cover && info.cover.length" (click)="goDetail(info.amoy_id)">
                    <img [src]="util.parseImageUrl(info.cover[0])" alt="" width="100%" height="150">
                </div>
                <div class="ht-overflow ht-100">
                    <div class="ht-float-left ht-999 ht-font-14">
                        <!--<span class="ss-zd">置顶</span>-->
                        {{info.nickname}}
                    </div>
                    <div class="ht-float-right ht-999 ht-font-12">
                        <div class="ht-float-left ht-padding-lr ht-line-20 ht-font-12">{{info.time_quantum}}</div>
                        <div class="ht-float-left ht-padding-l5" (click)="comment.showComment(info.amoy_id)">
                            <span><i class="far fa-comment"></i> 评论</span>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 小 -->
            <div class="ht-overflow" *ngIf="m>0">
                <div class="ht-30 ht-float-left" (click)="goDetail(info.amoy_id)">
                    <img [src]="util.parseImageUrl(info.cover[0])"  class="ss-img2">
                </div>
                <div class="ht-float-left ht-overflow  ht-70" padding-left>
                    <div class="ht-font-14 ss-title" (click)="goDetail(info.amoy_id)">
                        {{info.title}}
                    </div>
                    <div class="ht-overflow ht-100">
                        <div class="ht-999 ht-font-12 flex flex-line-between">
                            <div class="ht-font-12">{{info.time_quantum}}</div>
                            <div class="" (click)="comment.showComment(info.amoy_id)">
                                <span><i class="far fa-comment"></i> 评论</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 主内容结束 -->
    </div>
    <ion-infinite-scroll (ionInfinite)="doInfinite($event)">
        <ion-infinite-scroll-content></ion-infinite-scroll-content>
    </ion-infinite-scroll>
</ion-content>
<comment #comment [showType]="false"></comment>